import React, { useEffect } from 'react'
import axios from 'axios';
//导入类型
import type { GoodsList } from '@/api/types';
// import { GoodsList } from '@/api/types';

export default function AxiosCom() {
  useEffect(() => {
    let getGoods = async () => {
      //  axios.get 的第一个泛型参数就是『响应体的类型』
      let result = await axios.get<GoodsList>('http://api.xiaohigh.com/goods');
      //获取结果
      // console.log(result);
      //查看第一个商品的数据
      // console.log(result.data[0].title)
      console.log(result.data[0].title);
    }
    getGoods();
  }, [])
  return (
    <div>02_Axios</div>
  )
}
